import { } from 'react'
import { Tabs, Divider, CalendarPickerView } from 'antd-mobile'
import styles from './index.module.css'
import Riqilist from '../../hook/Riqilist'
const Index = () => {
    return (
        <div>
            <Riqilist />
            <Tabs>
                <Tabs.Tab title='直达' key='fruits'>
                    <div className={styles.zhida}>
                        <div className={styles.da1}>
                            <p><b>06：27</b></p>
                            <p>上海虹桥</p>
                        </div>
                        <div className={styles.da2}>
                            <p><b>G104</b></p>
                            <Divider />
                            <p>6小时45分</p>
                        </div>
                        <div className={styles.da1}>
                            <p><b>13：17</b></p>
                            <p>北京南</p>
                        </div>
                        <div className={styles.da3}>￥597起</div>
                        <div className={styles.da4}>
                            <ul>
                                <li>二等<span>有票</span></li>
                                <li>一等<span>有票</span></li>
                                <li>商务<span>有票</span></li>
                            </ul>
                        </div>
                    </div>
                    <div className={styles.zhida}>
                        <div className={styles.da1}>
                            <p><b>06：37</b></p>
                            <p>上海虹桥</p>
                        </div>
                        <div className={styles.da2}>
                            <p><b>G104</b></p>
                            <Divider />
                            <p>6小时1分</p>
                        </div>
                        <div className={styles.da1}>
                            <p><b>12：38</b></p>
                            <p>北京南</p>
                        </div>
                        <div className={styles.da3}>￥576起</div>
                        <div className={styles.da4}>
                            <ul>
                                <li>二等<span>有票</span></li>
                                <li>一等<span>有票</span></li>
                                <li>商务<span>有票</span></li>
                            </ul>
                        </div>
                    </div>
                    <div className={styles.zhida}>
                        <div className={styles.da1}>
                            <p><b>07：00</b></p>
                            <p>上海虹桥</p>
                        </div>
                        <div className={styles.da2}>
                            <p><b>G104</b></p>
                            <Divider />
                            <p>4小时36分</p>
                        </div>
                        <div className={styles.da1}>
                            <p><b>11：36</b></p>
                            <p>北京南</p>
                        </div>
                        <div className={styles.da3}>￥668起</div>
                        <div className={styles.da4}>
                            <ul>
                                <li>二等<span>有票</span></li>
                                <li>一等<span>有票</span></li>
                                <li>商务<span>有票</span></li>
                            </ul>
                        </div>
                    </div>
                    <div className={styles.zhida}>
                        <div className={styles.da1}>
                            <p><b>07：38</b></p>
                            <p>上海虹桥</p>
                        </div>
                        <div className={styles.da2}>
                            <p><b>G104</b></p>
                            <Divider />
                            <p>5小时54分</p>
                        </div>
                        <div className={styles.da1}>
                            <p><b>13：32</b></p>
                            <p>北京南</p>
                        </div>
                        <div className={styles.da3}>￥576起</div>
                        <div className={styles.da4}>
                            <ul>
                                <li>二等<span>有票</span></li>
                                <li>一等<span>有票</span></li>
                                <li>商务<span>有票</span></li>
                            </ul>
                        </div>
                    </div>
                    <divc>
                        <div className={styles.da1}>
                            <p><b>08：00</b></p>
                            <p>上海虹桥</p>
                        </div>
                        <div className={styles.da2}>
                            <p><b>G104</b></p>
                            <Divider />
                            <p>4小时24分</p>
                        </div>
                        <div className={styles.da1}>
                            <p><b>12：24</b></p>
                            <p>北京南</p>
                        </div>
                        <div className={styles.da3}>￥662起</div>
                        <div className={styles.da4}>
                            <ul>
                                <li>二等<span>有票</span></li>
                                <li>一等<span>有票</span></li>
                                <li>商务<span>有票</span></li>
                            </ul>
                        </div>
                    </divc>
                </Tabs.Tab>
                <Tabs.Tab title='机票' key='vegetables'>
                    <div className={styles.zhida}>
                        <div className={styles.da1}>
                            <p><b>06：27</b></p>
                            <p>上海虹桥</p>
                        </div>
                        <div className={styles.da2}>
                            <p><b>G104</b></p>
                            <Divider />
                            <p>2小时10分</p>
                        </div>
                        <div className={styles.da1}>
                            <p><b>8：37</b></p>
                            <p>北京南</p>
                        </div>
                        <div className={styles.da3}>￥597起</div>
                        <div className={styles.da4}>
                            <ul>
                                <li>二等<span>有票</span></li>
                                <li>一等<span>有票</span></li>
                                <li>商务<span>有票</span></li>
                            </ul>
                        </div>
                    </div>
                    <div className={styles.zhida}>
                        <div className={styles.da1}>
                            <p><b>06：37</b></p>
                            <p>上海虹桥</p>
                        </div>
                        <div className={styles.da2}>
                            <p><b>G104</b></p>
                            <Divider />
                            <p>3小时2分</p>
                        </div>
                        <div className={styles.da1}>
                            <p><b>9：38</b></p>
                            <p>北京南</p>
                        </div>
                        <div className={styles.da3}>￥576起</div>
                        <div className={styles.da4}>
                            <ul>
                                <li>二等<span>有票</span></li>
                                <li>一等<span>有票</span></li>
                                <li>商务<span>有票</span></li>
                            </ul>
                        </div>
                    </div>
                    <div className={styles.zhida}>
                        <div className={styles.da1}>
                            <p><b>07：00</b></p>
                            <p>上海虹桥</p>
                        </div>
                        <div className={styles.da2}>
                            <p><b>G104</b></p>
                            <Divider />
                            <p>1小时50分</p>
                        </div>
                        <div className={styles.da1}>
                            <p><b>8：50</b></p>
                            <p>北京南</p>
                        </div>
                        <div className={styles.da3}>￥668起</div>
                        <div className={styles.da4}>
                            <ul>
                                <li>二等<span>有票</span></li>
                                <li>一等<span>有票</span></li>
                                <li>商务<span>有票</span></li>
                            </ul>
                        </div>
                    </div>
                    <div className={styles.zhida}>
                        <div className={styles.da1}>
                            <p><b>07：38</b></p>
                            <p>上海虹桥</p>
                        </div>
                        <div className={styles.da2}>
                            <p><b>G104</b></p>
                            <Divider />
                            <p>2小时50分</p>
                        </div>
                        <div className={styles.da1}>
                            <p><b>9：12</b></p>
                            <p>北京南</p>
                        </div>
                        <div className={styles.da3}>￥576起</div>
                        <div className={styles.da4}>
                            <ul>
                                <li>二等<span>有票</span></li>
                                <li>一等<span>有票</span></li>
                                <li>商务<span>有票</span></li>
                            </ul>
                        </div>
                    </div>
                    <div className={styles.zhida}>
                        <div className={styles.da1}>
                            <p><b>08：00</b></p>
                            <p>上海虹桥</p>
                        </div>
                        <div className={styles.da2}>
                            <p><b>G104</b></p>
                            <Divider />
                            <p>2小时24分</p>
                        </div>
                        <div className={styles.da1}>
                            <p><b>10：24</b></p>
                            <p>北京南</p>
                        </div>
                        <div className={styles.da3}>￥662起</div>
                        <div className={styles.da4}>
                            <ul>
                                <li>二等<span>有票</span></li>
                                <li>一等<span>有票</span></li>
                                <li>商务<span>有票</span></li>
                            </ul>
                        </div>
                    </div>
                </Tabs.Tab>
                <Tabs.Tab title='汽车票' key='animals'>
                    <div className={styles.zhida}>
                        <div className={styles.da1}>
                            <p><b>06：27</b></p>
                            <p>上海虹桥</p>
                        </div>
                        <div className={styles.da2}>
                            <p><b>G104</b></p>
                            <Divider />
                            <p>10小时45分</p>
                        </div>
                        <div className={styles.da1}>
                            <p><b>21：17</b></p>
                            <p>北京南</p>
                        </div>
                        <div className={styles.da3}>￥197起</div>
                        <div className={styles.da4}>
                            <ul>
                                <li>二等<span>有票</span></li>
                                <li>一等<span>有票</span></li>
                                <li>商务<span>有票</span></li>
                            </ul>
                        </div>
                    </div>
                    <div className={styles.zhida}>
                        <div className={styles.da1}>
                            <p><b>06：37</b></p>
                            <p>上海虹桥</p>
                        </div>
                        <div className={styles.da2}>
                            <p><b>G104</b></p>
                            <Divider />
                            <p>10小时1分</p>
                        </div>
                        <div className={styles.da1}>
                            <p><b>21：38</b></p>
                            <p>北京南</p>
                        </div>
                        <div className={styles.da3}>￥176起</div>
                        <div className={styles.da4}>
                            <ul>
                                <li>二等<span>有票</span></li>
                                <li>一等<span>有票</span></li>
                                <li>商务<span>有票</span></li>
                            </ul>
                        </div>
                    </div>
                    <div className={styles.zhida}>
                        <div className={styles.da1}>
                            <p><b>07：00</b></p>
                            <p>上海虹桥</p>
                        </div>
                        <div className={styles.da2}>
                            <p><b>G104</b></p>
                            <Divider />
                            <p>10小时36分</p>
                        </div>
                        <div className={styles.da1}>
                            <p><b>22：36</b></p>
                            <p>北京南</p>
                        </div>
                        <div className={styles.da3}>￥168起</div>
                        <div className={styles.da4}>
                            <ul>
                                <li>二等<span>有票</span></li>
                                <li>一等<span>有票</span></li>
                                <li>商务<span>有票</span></li>
                            </ul>
                        </div>
                    </div>
                    <div className={styles.zhida}>
                        <div className={styles.da1}>
                            <p><b>07：38</b></p>
                            <p>上海虹桥</p>
                        </div>
                        <div className={styles.da2}>
                            <p><b>G104</b></p>
                            <Divider />
                            <p>10小时54分</p>
                        </div>
                        <div className={styles.da1}>
                            <p><b>22：32</b></p>
                            <p>北京南</p>
                        </div>
                        <div className={styles.da3}>￥176起</div>
                        <div className={styles.da4}>
                            <ul>
                                <li>二等<span>有票</span></li>
                                <li>一等<span>有票</span></li>
                                <li>商务<span>有票</span></li>
                            </ul>
                        </div>
                    </div>
                    <div className={styles.zhida}>
                        <div className={styles.da1}>
                            <p><b>08：00</b></p>
                            <p>上海虹桥</p>
                        </div>
                        <div className={styles.da2}>
                            <p><b>G104</b></p>
                            <Divider />
                            <p>22小时24分</p>
                        </div>
                        <div className={styles.da1}>
                            <p><b>6：24</b></p>
                            <p>北京南</p>
                        </div>
                        <div className={styles.da3}>￥132起</div>
                        <div className={styles.da4}>
                            <ul>
                                <li>二等<span>有票</span></li>
                                <li>一等<span>有票</span></li>
                                <li>商务<span>有票</span></li>
                            </ul>
                        </div>
                    </div>
                </Tabs.Tab>
            </Tabs>
        </div>
    )
}

export default Index
